  <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=, initial-scale=1.0">
    <title>表单学习</title>
</head>

<style>
    span
    {
        color: aqua;  
    }

input
{
    font: 80px;
    color: red;
}

image{
    width: 300px;
   border-radius: 30px;
}

.xuanzhuan {
    border-radius: 30px;
    rotate:30deg
}

.jiakuan{
    width: 180px;
}
.chunyuan{
width: 100px;
border-radius: 50px;
}

zuihouyizhangtu{
    width: 30px;
}

form {
    background-image:linear-gradient( 0deg,pink,white,green);
}



</style>
<body style="font-size: 30px;">
<form>
    <img clas="xuanzhuan jiakuan chunyuan"alt="" >
    <img src="./e506367cc8ea8ae8ad8a8f81466e506.jpg" class="chunyuan">
    <img class="xuanzhuan" src="./e506367cc8ea8ae8ad8a8f81466e506.jpg" alt="">
    <img src="./e506367cc8ea8ae8ad8a8f81466e506.jpg" 


</style>

<body style="font-size: 30px;">
    <form action="" style="border: 1px green solid; padding:50px">
用户名： <input type="text"> <br>
密码: <input type="password">
<input type="button" value="登录"> <br>
<input type="button" value="注册"> 
<input type="button" value="重置">  

爱好：
<input type="checkbox" name="aihao" value="游泳" id="">游泳
<input type="checkbox" name="aihao"  value="滑冰" id="">滑冰
<input type="checkbox" name="aihao"  value="登山" id="">登山
<input type="checkbox" name="aihao" checked value="赚钱" id="">赚钱
<input type="checkbox" name="aihao" checked value="游戏" id="">游戏

<br>性别：
<input type="radio" name="sex" id="" value="男">男
<input type="radio" name="sex" id="" value="女">女
<input type="radio" name="sex" id="" value="未知">未知

<br>生日：
<input type="data" name="" id="">
<input type="datatime-local" name="" id="">

<br>邮箱:<input type="email" name="" id="">
上传头像：<input type="file" name="" id="">
存款：<input type="number" name="" id="" step="10">
籍贯：<select name="" id="">
<option value="四川">四川</option>
<option value="重庆">重庆</option>
<option value="山西">山西</option>
<option value="湖南">湖南</option>
<option value="湖北">湖北</option>
<option value="贵州">贵州</option>
<option value="云南">云南</option>

</select>
你喜欢的颜色： <input type="color" name="" id="">
<br>
<input type="button" value="登录">
<input type="button" value="注册">
<input type="reset" value="重置"><br>





    </form>






</body>
</html>